<%--
  Created by IntelliJ IDEA.
  User: yangyaru
  Date: 2022/4/7
  Time: 9:22
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>新闻中心</title>
    <!-- 图标 -->
    <link rel="shortcut icon" href="favicon.ico" />
    <!-- 初始化样式 -->
    <link rel="stylesheet" href="/css/base.css" />
    <!-- 引入公共样式 -->
    <link rel="stylesheet" href="/css/common.css" />
    <link rel="stylesheet" href="/css/4.css" />
    <script src="/js/1.js" type="text/javascript"></script>
</head>
<body>
<!--头部开始-->
<div class="header">
    <div class="wrap">
        <ul class="header-left">
            <li>欢迎来到某某国际物流公司!&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
            <li><a href="#">登录</a><span>|</span></li>
            <li><a href="#">注册</a></li>
        </ul>
        <ul class="header-right">
            <li><img src="image/psdy.png" width="18px">24小时热线:400-1234-XXXX&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
            <li><a href="#">设为首页</a><span>|</span></li>
            <li><a href="#">加入收藏</a></li>
        </ul>
    </div>
</div>
<!--头部结束-->
<!--导航开始-->
<div class="nav" style="position: sticky;">
    <div class="wrap">
        <div class="logo">
            <img src="image/5ay2.png">
        </div>
        <div class="brand">
            <ul>
                <li>某某国际物流有限公司</li>
                <li style="font-size: 10px;">MARINE LOGISTICS CO LTD</li>
            </ul>
        </div>
        <div class="nav-bar">
            <ul>
                <li><a href="/page1" style="font-family: 宋体;font-size: 16px;">首页</a></li>
                <li><a href="/page2" style="font-family: 宋体;font-size: 16px;">关于我们</a></li>
                <li><a href="/page3" style="font-family: 宋体;font-size: 16px;">业务范围</a></li>
                <li><a href="/page6" style="font-family: 宋体;font-size: 16px;">新闻中心</a></li>
                <li><a href="/page8" style="font-family: 宋体;font-size: 16px;">网上下单</a></li>
                <li><a href="/page11" style="font-family: 宋体;font-size: 16px;">联系我们</a></li>
            </ul>
        </div>
    </div>
</div>
<!--导航结束-->
<div class="demo01" style="background-image: url(/image/map-background.jpeg)"></div>
<div class="demo02" style="background: rgba(249,249,249,0.5);">
    <div class="day1" style="float: left;width: 35%;height: 60px">
        <a href="/page1" style="font-family: 微软雅黑;font-size: 13px;color: black;text-decoration: none;display: block;padding-top: 20px;padding-left: 100px;float: left">首页</a>
        <p style="font-family: 微软雅黑;font-size: 13px;color: black;float: left;padding-top: 20px">&nbsp;>>&nbsp;新闻中心</p>
    </div>
    <div class="day2" style="float: left;width: 65%;height: 60px;">
        <ul>
            <c:forEach begin="0" end="${newsClasses.size()-1}" var="i">

                <li style="float: left;list-style: none;margin-left: 100px;"><a href="/page6?newsClassId=${newsClasses[i].id}" style="display:block;width:120px;height:60px;text-decoration: none;color: #100f0f;font-family: 微软雅黑;font-size: 16px;"><span style="position:relative;top: 18px;left: 18px;">${newsClasses[i].name}</span></a></li>

            </c:forEach>
        </ul>

    </div>
<!-- 内容 -->
<div class="nwes w">
    <div class="kongbai">     </div>
    <c:forEach items="${newsList}" var="news" end="5">
    <table>

        <tr>

            <td><img src="/images/4.png" class="year"></td>
            <td>
                <ul>

                <li><a href="/page10?id=${news.id}" class="biaoti">${news.name}</a></li>
                <li class="neirong">${news.desc}</li>

                </ul>

            </td>
        </tr>


    </table><hr/>
    </c:forEach>

    <div class="kongbai">     </div>
    <div class="fenye w">
        <table>
            <span class="juli">共22条记录</span>
            <span class="style_red juli">1</span>
            <span class="juli"><a href="#"><input type="button" value="2"></a></span>
            <span class="juli"><a href="#"><input type="button" value="3"></a></span>
            <span class="juli"><a href="#"><input type="button" value="下一页>"></a></span>
            <span class="juli"><a href="#"><input type="button" value="尾页"></a></span>
        </table>
    </div>
</div>
</div>

</body>
</html>